const routes = [
  {
    name: "home",
    path: "/",
    component: () => import("../layout/index.vue"),
    props: true,
    children: [
      {
        name: "about",
        path: "/",
        props: true,
        component: () => import("../views/AboutView.vue"),
      },
      {
        name: "hawei",
        path: "/huawei",
        props: true,
        component: () => import("../views/HuaWei.vue"),
      },
      {
        name: "iphone",
        path: "/iphone",
        props: true,
        component: () => import("../views/PingGuo.vue"),
      },
      {
        name: "xiaomi",
        path: "/xiaomi",
        props: true,
        component: () => import("../views/XiaoMi.vue"),
      },
      {
        name: "shoppingcart",
        path: "/shoppingcart",
        props: true,
        component: () => import("../views/ShoppingCart.vue"),
      },
    ],
  },
  {
    name: "details",
    path: "/details/:id",
    component: () => import("../views/Details.vue"),
  },
  {
    name: "search",
    path: "/search",
    component: () => import("../views/Search.vue")
  },
  {
    name: "login",
    path: "/login",
    props: true,
    component: () => import("../views/LoginView.vue"),
  },
  {
    name: "zhongxin",
    path: "/zhongxin",
    props: true,
    component: () => import("../views/ZhongXin.vue"),
  },
  {
    name: "shouShuo",
    path: "/shouShuo",
    props: true,
    component: () => import("../views/ShouShuo.vue"),
  },
];
export default routes;
